﻿@using Unijovem.UI.Extensions
@model Unijovem.UI.Models.ComentarioModel
<script type="text/javascript">
    $(function () {
        $('#@string.Concat("divComentario", Model.Id)').mouseover(function () {
            var divExcluir = $('#@string.Concat("divExcluir", Model.Id)');

            if (divExcluir == null) return;

            divExcluir.show();
        });

        $('#@string.Concat("divComentario", Model.Id)').mouseout(function () {
            var divExcluir = $('#@string.Concat("divExcluir", Model.Id)');

            if (divExcluir == null) return;

            divExcluir.hide();
        });
    });
</script>
<div id="@string.Concat("divComentario", Model.Id)">
    <div class="floatRight" style="width: 5%;">
        @if (Model.UsuarioEstaLogado)
        {
            <div id="@string.Concat("divExcluir", Model.Id)"  style="display:none;">
                Excluir
            </div>
        }
    </div>
    <fieldset>
        <legend>Comentário</legend>
        <div style="float: left; text-align: center; margin-right: 20px;">
            @Html.Partial("~/Views/PartialView/FotoUsuario.cshtml", new Unijovem.UI.Models.FotoUsuarioModel { MaxHeight = 110, MaxWidth = 110, Pessoa = Model.Pessoa, ClasseCssImagem = "borderVerde bordaArredondada" })
        </div>
        <div class="floatLeft" style="font-size: 15px; width:80%;">
            <span class="vermelho">@Model.Pessoa.NomeCompleto</span>
            <div class="display-field">@Html.Raw(Model.Descricao)</div>
            <div class="display-field" style="font-size: small; line-height: 40px;">
                <i>@Model.Data.ToRelativeDateString()</i></</div>
        </div>
    </fieldset>
</div>
